// 配置路由 
import Vue from "vue"
// 1、引入路由对象
import VueRouter from "vue-router"
// 2、使用Vue.use注册相关组件等
Vue.use(VueRouter)
    // 3、创建路由规则
const routes = [{
            path: "/", // 默认hash值路径
            redirect: "/index" // 重定向到/login
                // 浏览器url中#后的路径被改变成/login-重新匹配数组规则
        },
        {
            path: "/login",
            // @是src这个目录的别名
            component: () =>
                import ("@/views/login.vue") // 按需引入
        },
        {
            path: "/register",
            component: () =>
                import ("@/views/register.vue") // 按需引入
        },
        {
            path: "/personal",
            component: () =>
                import ("@/views/personal.vue") // 按需引入
        },
        {
            path: "/edit_profile",
            component: () =>
                import ("@/views/edit_profile.vue") // 按需引入
        },
        {
            path: "/index",
            component: () =>
                import ("@/views/index.vue") // 按需引入
        },

    ]
    // 4、使用路由规则生成路由对象
const router = new VueRouter({
        // routes: routes, 简写如下
        routes
    })
    // 5、导出路由对象
export default router